
*{ margin:0; padding:0;}
body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
q:before,q:after{content:'';}
a:focus,input,textarea{outline-style:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym{border:0;font-variant:normal;}
a{color:black;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
.none{display:none}

.wrap{
  width:980px;
  margin: 0 auto;

}
//头部样式
.topw{
  width: 100%;
  height: 116px;
  .top{
    width: 980px;
    height: 116px;
    margin: 0 auto;
    position:relative;
    .logo{
      float:left;
      height: 60px;
      width: 250px;
      img{
        height: 60px;
        width: 250px;
      }
    }
    .logolist .logolist-logo img:hover{
      width: 99px;
      height: 44px;

    }
  }

}
.head{
  height:60px;
  .loginw{
    position:relative;
  .trustlogos{
    z-index:999;
    display:none;
    width: 180px;
    position:absolute;
    top:35px;
    left:20px;
    border:2px solid #badbf2;
    background: white;
    h5{
      font-weight: normal;
      margin:0 5px 10px 5px;
      padding:0;
      line-height: 22px;
      border-bottom: 1px solid #e2e2e2;
    }
   ul li{
      float:left;
     padding-top: 0;
    }
  }
  }
  >div{float:right;
    line-height:60px;
    text-aline:center;
    font-size: 12px;
    .simple-loginw{
      background: url("../../images/img1/thridparty1.gif"
      ) no-repeat 6px 0;
    }
    a{
      padding:0 4px;
      height:60px;
    }
    a:hover{
      color:orangered;
    }
  }

  .tel img{
      padding-top: 17.5px;
  }
}
.logolist {
  ul {
    height: 45px;
    position: absolute;
    bottom: 0px;
    right: 0;
  }
}

//头部样式

//导航
.menuw{
  height:33px;
  width: 100%;
  background: url("../../images/img1/max_03.gif");

  .menuin{
    width: 980px;
    height: 33px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    position:relative;
    font-family: microsoft yahei;
    li{
      float:left;


      a{
        display:block;
        line-height: 30px;
        padding: 0 20px;
        color:white;
      }
      a:hover,a.current{
        background: url("../../images/img1/max_04.gif") right 0 repeat;
        color:#e62979;
      }
    }
    .classmenu{
      float:right;
      font-family: inherit;
      font-size:14px;
      font-weight: bold;
      background:url("../../images/img1/hot.gif")right 10px no-repeat;
      color: #f28fae;
      padding-right:15px;
      a{
        color:white;
        padding:0 7px;
      }
      a:hover{
        color:yellow;
      }
    }
  }
}
//搜索栏
.searchw{
  height: 27px;
  padding-top:2px;
  overflow:hidden;
  .searchbox{
    float:left;
    border:none;
    height:20px;
    .inputstyle{
      height: 17px;
      width: 156px;
      border:1px solid #818181;
      line-height: 15px;
    }
    .searchbtn{
      width: 48px;
      height: 19px;
      margin:0 3px;
      cursor:pointer;
     border: none;
      background: url("../../images/img1/maxsearchbtn.gif") no-repeat left top;
    }
  }
  .hotwords{
float:left;
    width: 500px;
    overflow: hidden;
    line-height: 26px;
    color:#666;
    padding-left: 25px;
    font-size: 12px;
  a{
    font-size: 12px;
    color:#575757;
    padding:0 6px;
  }
    a:hover{
      color:orangered;
    }
  }
  .cart{
    width: 215px;
    height: 25px;
    overflow: hidden;
    float:right;
    background: url("../../images/img1/maxcar.gif")no-repeat;
    margin-top: 3px;
  a{
    line-height: 23px;
    padding-left: 30px;
    display: block;
    color: #787878;
    overflow: hidden;
    font-size: 12px;
    .cartnum {
      color:#e62979;
    }
  }
  }
}
//在线客服
#onlinechat {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: 999;
  .chathidden {
    width: 26px;
    height: 136px;
    background: url("../../images/img1/siderim_hiddenbar.gif");
  }
  .chatmain {
    display: none;
    width: 170px;
    margin: 0 10px;
    .top {
      background: url("../../images/img1/siderim_title.gif");
      height: 34px;
    }
    .infobox {
      background: #bdc5cb url("../../images/img1/siderim_infobox.gif") no-repeat;
      padding: 5px;
      line-height: 14px;
      font-weight: 700;
    }
    .bg {
      background: url("../../images/img1/siderim_bg.gif");
      padding: 5px;
      li a img {
        margin: 3px 0;
      }
      .closechat {
        margin-top: 10px;
        .link {
          text-decoration: underline;
          cursor: pointer;
          color: red;
        }
      }
    }
    .bottom {
      background: url("../../images/img1/siderim_bottom.gif");
      height: 9px;
      overflow: hidden;
    }
  }
}
//回到顶部
#gotop{
  position:fixed;
  right: 10px;
  bottom: 100px;
  width: 24px;
  height: 80px;
  cursor: pointer;
  z-index: 999;
  display: none;
}
//中间内容
#body {
  position: relative;
  text-align: center;
  .buy{
    cursor: pointer;
  }
  .buy:active{
    background:#D5D5D5;
  }
//更多变色
  .more:hover{
    color:#e62979;
  }
  a>i{
    color:#e62979;
  }
  .show-list li {
    position:relative;
    .buy{
      border:solid 1px #bdc5cb;
      width:100px;
      text-align: center;
      margin: 3px auto;
      color:#e62979;
    }
  }
  //分隔线apart
  .apart {
    position: relative;
    margin: 10px 0;
    height: 20px;
    a {
      height: 20px;
      line-height: 20px;
      position: absolute;
      right: 0;
      bottom: 0;
    }
  }
  //轮播图
  .maxwrap {
    width: 980px;
    margin: 5px auto 0 auto;
  }

  //注册界面
  #maxbox {
    //width: 600px;
    //height: 328px;
    width: 860px;
    height: 300px;
    position: absolute;
    top: 180px;
    left: 280px;
    border: 3px solid #f60;
    background: #ffffff;
    z-index: 99999;
    display: none;
    overflow: hidden;
    #register {
      position: absolute;
      left: 0;
      top: 0;
      width: 600px;
      height: 328px;
      clear: both;
      .register-left {
        width: 390px;
        text-align: left;
        float: left;
        padding: 10px 0 2px 15px;
        h4 {
          height: 30px;
          line-height: 30px;
          font-size: 14px;;
        }
        form {
          span {
            display: inline-block;
            width: 80px;
            height: 20px;
            margin-top: 10px;
            font-size: 14px;
            i {
              padding: 0 2px;
              color: orangered;
            }
          }
          a {
            text-decoration: underline;
          }
          input[type="text"] {
            height: 20px;
            margin-top: 10px;
            border: 1px solid #000000;
          }
          .change {
            width: 60px;
          }
        }
        .register-button {
          background: url("../../images/img1/btn-register.gif") no-repeat;
          width: 87px;
          height: 30px;
          border: none;
          margin: 10px 100px;

        }
      }
      .register-right {
        width: 190px;
        background: #FFF5EE;
        vertical-align: top;
        border-left: #FFECE0 1px solid;
        text-align: center;
        line-height: 328px;
        float: right;
      }
    }
    #login {
      position: absolute;
      left: 0;
      top: 0;
      width: 860px;
      height: 300px;
      display: none;
      h4 {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
      }
      .login-left {
        width: 410px;
        height: 300px;
        padding: 5px;
        float: left;
        i {
          display: inline-block;
          height: 40px;
        }
        form {
          height: 160px;
          border: 1px solid #CCC;
          margin: 10px 0;
          padding: 15px;
          > span {
            display: inline-block;
            width: 80px;
            height: 20px;
            margin-top: 10px;
            font-size: 14px;
            i {
              padding: 0 2px;
              color: orangered;
            }
          }
          input[type="text"] {
            height: 20px;
            margin-top: 10px;
            border: 1px solid #000000;
            padding: 3px 5px;
          }
          .change {
            width: 60px;
            height: 20px;
            margin-top: 10px;
            border: 1px solid #000000;
            padding: 3px 5px;
          }
          .login-button {
            height: 30px;
            width: 87px;
            background: url("../../images/img1/btn-login.gif") no-repeat;
            border: none;
            margin-bottom: 35px;
          }
        }
      }
      .login-right {
        float: left;
        width: 410px;
        padding: 5px;
        i {
          display: inline-block;
          height: 40px;
        }
        .border {
          height: 160px;
          border: 1px solid #CCC;
          margin: 10px 0;
          padding: 15px;
        }
      }
    }
    .boxclose {
      height: 30px;
      width: 30px;
      background: orange;
      font-weight: bold;
      position: absolute;
      right: 0;
      top: 0;
      line-height: 30px;
      font-size: 25px;
    }
  }
  //第一部分照片展示
  #part1 {
    margin: 5px auto 0 auto;
    overflow: hidden;
    .part1-top {
      width: 980px;
      height: 197px;
      position: relative;
      overflow: hidden;
      .part1-top-img {
        width: 745px;
        float: left;
        img {
          width: 745px;
        }
      }
      .part1-top-list {
        width: 230px;
        height: 195px;
        border: 1px solid #d6d6d6;
        float: right;
        a {
          display: inline-block;
          height: 30px;
          line-height: 29px;
          border: 1px solid #d6d6d6;
          border-top: none;
          border-left: none;
          width: 73px;
        }
        a:nth-of-type(3) {
          border-right: none;
        }
        .current {
          border-bottom: none;
          font-weight: bold;
        }
        .top-list ul {
          width: 100%;
          li {
            width: 200px;
            height: 30px;
            line-height: 30px;
            border-bottom: 1px dotted #ddd;
            text-align: left;
            padding: 0 10px;
          }
        }
      }
    }
    .part1-main {
      overflow: hidden;
      img {
        float: left;
      }
    }

  }
  //商品分类
  #goodslist {
    position: relative;
    border: 1px solid #efefef;
    box-sizing: border-box;
    margin: 10px auto;
    li {
      height: 30px;
      width: 100%;
      border-bottom: 1px solid #efefef;
      text-align: left;
      line-height: 30px;
      h3 {
        height: 28px;
        border: 1px solid #ffffff;
        background: #f2f2f2;
        padding-left: 10px;
      }
      .alltips {
        position: absolute;
        top: 5px;
        right: 10px;
        text-decoration: underline;
        color: #e62979;
      }

      .th {
        border-right: 1px solid #efefef;
        display: inline-block;
        width: 100px;
        line-height: 30px;
        text-align: center;
      }
      .th:hover {
        color: #e62979;
      }
      i {
        color: #797979;
        a {
          padding: 0 6px;
          color: #797979;
        }
        a:hover {
          color: #e62979;
        }
      }
    }
  }
  //热销商品部分
  #hotgoods {
    overflow: hidden;
    .hotgoods-top {
      position: relative;
      height: 63px;
      width: 100%;
      .title {
        float: left;
        border-bottom: 3px solid #e62979;
      }
      .tips {

        position: absolute;
        right: 0;
        bottom: 0px;
        a {
          padding: 3px 15px;
          background: black;
          color: #ffffff;
        }
        .current {
          background: #e62979;
        }
      }
    }
    #detail-show {
      width: 100%;
      .hotgoods-show {
        display: none;
        .show-list {
          li {
            float: left;
            line-height: 20px;
            width: 20%;
            margin-top: 10px;
          }
        }
      }
      .current {
        display: block;
      }
    }

  }
  //唯美针织系列
  #sweater {
    overflow: hidden;
    .sweater-top {
      position: relative;
      height: 63px;
      width: 100%;
      .title {
        float: left;
        border-bottom: 3px solid #e62979;
      }
      .tips {
        position: absolute;
        right: 0;
        bottom: 0px;
      }
    }
    .sweater-show{
      width: 100%;
      .show-list{
        li{
          float: left;
          line-height: 20px;
          width: 20%;
          margin-top: 10px;
        }
      }
    }
  }
  //迪图优雅系列
  #elegance {
    overflow: hidden;
    .elegance-top {
      position: relative;
      height: 63px;
      width: 100%;
      .title {
        float: left;
        border-bottom: 3px solid #e62979;
      }
      .tips {
        position: absolute;
        right: 0;
        bottom: 0px;
      }
    }
    .elegance-show{
      width: 100%;
      .show-list{
        li{
          float: left;
          line-height: 20px;
          width: 20%;
          margin-top: 10px;
        }
      }
    }
  }
//连衣裙ol系列
  #dress {
    overflow: hidden;
    .dress-top {
      position: relative;
      height: 63px;
      width: 100%;
      .title {
        float: left;
        border-bottom: 3px solid #e62979;
      }
      .tips {
        position: absolute;
        right: 0;
        bottom: 0px;
      }
    }
    .dress-show{
      width: 100%;
      .show-list{
        li{
          float: left;
          line-height: 20px;
          width: 20%;
          margin-top: 10px;
        }
      }
    }
  }
  //时尚季
  #fashion {
    overflow: hidden;
    .fashion-top {
      position: relative;
      height: 63px;
      width: 100%;
      .tips {
        position: absolute;
        right: 0;
        bottom: 0px;
      }
      }

    .fashion-show{
      width: 100%;
      .show-list{
        li{
          float: left;
          line-height: 20px;
          width: 20%;
          margin-top: 10px;
        }
      }
    }
    }
  //民族风
  #national {
    overflow: hidden;
    .national-top {
      position: relative;
      height: 59px;
      width: 100%;
      vertical-align: baseline;

       .title img{
position: absolute;
         bottom: 0;
         left:0;
        }

      .tips {
        position: absolute;
        right: 0;
        bottom: 8px;
      }
    }
    .national-show{
      width: 100%;
      .show-list{
        li{
          float: left;
          line-height: 20px;
          width: 20%;
          margin-top: 10px;
        }
      }
    }
  }
//墨也系列
  #moye {
    overflow: hidden;
    .moye-top {
      position: relative;
      height: 63px;
      width: 100%;
      .title {
        float: left;
      }
      .tips {
        position: absolute;
        right: 0;
        bottom: 10px;
      }
    }
    .moye-show{
      width: 100%;
      .show-list{
        li{
          float: left;
          line-height: 20px;
          width: 25%;
          margin-top: 10px;
        }
      }
    }
  }
  //热评系列
  #hot-review{
    position:relative;
    border:1px solid #d6d6d6;
    overflow: hidden;
    h3{width: 100%;
      text-align: left;
      padding:0 0 0 8px;
      line-height: 28px;
      font-weight: bold;
      background: url("../../images/img1/maxt_03.gif");
    }
    .more{
      position: absolute;
      top:5px;
      right:5px;
    }
    li{
      width: 25%;
      float:left;
      margin:8px 0;
      .hot-img{
        width: 55px;
        height: 67px;
        width: 55px;
        float:left;
        margin: 10px 5px;
        img{
          width: 55px;
          height: 67px;
        }
      }
      .hot-detail{
        width: 156px;
        float:left;
        margin: 10px 5px;
      }
      }

    }
  //关于品牌
  #about{
    overflow: hidden;
    padding-bottom: 30px;
    line-height: 20px;
background: url("../../images/img1/aboutbg.gif")no-repeat 0 bottom;
    .about-top{
      width: 100%;
      height: 69px;
      overflow: hidden;
      background: url("../../images/img1/abouttop.gif");
      a{
       padding:5px 0 0 50px;
        float:left;
      }
    }
    .about-tips{
      width: 100%;
      overflow: hidden;
      li{
        background: url("../../images/img1/aboutinfobg.gif") no-repeat 0 bottom;
        width: 147px;
        height: 260px;
        float: left;
        margin-left: 23px;
        padding: 10px;
        span{
          color:#464646;
          line-height: 20px;
        }
      }
    }
  }
  //结尾第一部分
  #remind{
    margin: 15px auto;
    overflow: hidden;
     background: url("../../images/img1/maxfootbg.gif");
    background-size: contain;
     line-height: 29px;
    li{
      float:left;
      width: 20%;
      height: 200px;
      border-right:1px dashed #ccc;
      box-sizing: border-box;

      .inner{
        text-align: left;
        margin:10px 50px;
        a:hover{
          color:#e62979;
        }
      }
    }
    .last{
      border:none;
    }
  }
  //最后结尾
  #bot{
    .bot-top{
      border:1px solid #ccc;
      width: 100%;
      padding:0 5px 0 5px;
      margin:10px auto 10px auto;
      height: 29px ;
      line-height:29px;
      text-align: left;
    span{
      font-weight: bold;
    }
      a{
        padding:0 5px;
      }
      a:hover{
        color:#e62979;
      }
    }
    .bot-mid{
      height:30px;
      span{
        line-height: 30px;
        padding:0 20px;
      }
    }
    .bot-bot{
      margin:10px auto;
      p{
        height: 30px;


      }
    }
  }

  }
//购物车列表
#cart-list{
  display:none;
  position: fixed;
  top: 30px;
  right: 10px;
  padding: 10px;
  width: 200px;
  border: 1px solid #ddd;
  background: #e62979;
  opacity:0.8;
  h4{
    margin:10px 0;
    padding-bottom: 5px;


  }
  li{
    position: relative;
    height: 180px;
    border-bottom: 1px solid #ddd;
    img{
      width: 60px;
    }
  }
  .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
  }
  .btn-close:hover {
    background-color: #f00;
    color: #fff;
  }
}
